<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>debugger</title>
</head>
<body>
<h3>debugger</h3>
<p>
    在可能出现的错误 代码上面 debugger <br>
    类似于 浏览器断点效果, 错误信息直接跳转到 debugger标记的地方
</p>

<script>
    function 函数() {
        try {
            // 可能发送错误的代码 要写到 try
            debugger // 标记断点

            const p标签 = document.querySelector('.p') // 选择器写错了
            p标签.style.color = 'red'
        } catch (错误信息) {
            // 拦截错误，提示浏览器提供的错误信息，但是不中断程序的执行
            console.log(错误信息.message)
            throw new Error('你看看，选择器错误了吧')
            // 需要加return 中断程序
            // return
        } finally {
            // 不管你程序对不对，一定会执行的代码
            alert('弹出对话框')
        }
        console.log(11)
    }

    // 调用函数
    函数()

</script>
</body>
</html>